
<link href="{:C('CSS_URL')}style.css" rel="stylesheet"><!-- bootstrap -->
<link href="{:C('CSS_URL')}bootstrap/bootstrap.css" rel="stylesheet" />
<link href="{:C('CSS_URL')}bootstrap/bootstrap-responsive.css" rel="stylesheet" />
<link href="{:C('CSS_URL')}bootstrap/bootstrap-overrides.css" type="text/css" rel="stylesheet" />


<link rel="stylesheet" type="text/css" href="{:C('CSS_URL')}elements.css" />

<link rel="stylesheet" href="{:C('CSS_URL')}compiled/gallery.css" type="text/css" media="screen" />

<style type="text/css">
    .pagelist a {
        margin: 0 3px;
    }
    .pagelist span.current {
        background: #09F;
        background-color: rgb(0, 153, 255);
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
        color: #FFF;
        border-color: #09F;
        margin: 0 2px;
    }
    .pagelist span, .pagelist a {
        border: 1px solid #dfdfdf;
        border-radius: 3px;
        display: inline-block;
        padding: 5px 12px;
    }
    a {
        color: #333;
        text-decoration: none;
    }
    a {
        background: transparent none repeat scroll 0 0;
    }
    .pagelist {
        text-align: center;
    }
</style>
<article class="blogs">
    <h1 class="t_nav"><span>相册，记录生活中的点滴</span><a href="/" class="n1">网站首页</a><a href="###" class="n2">相册</a></h1>
    <div class="newblog left">
        <ul class="nlist" style="width: 700px">
            <div class="container-fluid">
                <div id="pad-wrapper" class="gallery">
                    <!-- gallery wrapper -->
                    <!--<div class="gallery-wrapper">-->
                    <div class="row gallery-row">
                        <foreach name="all_pic_info" item="v">
                            <!-- single image -->
                            <div class="span3 img-container">
                                <div class="img-box">
                                    <a href="/index.php/Home/{$v.cate_description}/showlist/cate_id/{$v.cate_id}/pics_id/{$v.pics_id}">
                                        <img style="width:150px; height:150px;" src="{$v.pics_logo|substr=###,1}" />
                                    </a>
                                    <p class="title" style="text-align: left;font-size:10px;">
                                        相册名称：&nbsp;&nbsp;&nbsp;&nbsp;<a href="/index.php/Home/{$v.cate_description}/showlist/cate_id/{$v.cate_id}/pics_id/{$v.pics_id}" style="color:green;">{$v.pics_name}</a>
                                    </p>
                                    <p class="title" style="text-align: left;font-size:10px;">
                                        相册描述：&nbsp;&nbsp;&nbsp;&nbsp;{$v.pics_description}
                                    </p>
                                </div>
                            </div>
                        </foreach>
                    </div>
                </div>
            </div>
        </ul>
        <div class="line"></div>
        <div class="blank"></div>
        <div class="pagelist">{$pagelist}</div>
    </div>
    <aside class="right">
        <h3>
            <p>最新<span style="color:green;">相册</span></p>
        </h3>
        <ul class="rank">
            <foreach name="pics_info" item="v">
                <!-- single image -->
                <!--<div class="span3 img-container">-->
                <div class="img-box" style="float: left; margin:2px;">
                    <a href="/index.php/Home/{$v.cate_description}/showlist/cate_id/{$v.cate_id}/pics_id/{$v.pics_id}" alter="图片不存在">
                        <img style="width:120px; height:100px;" src="{$v.pics_logo|substr=###,1}" />
                    </a>
                    <p class="title" style="text-align: left;font-size:10px;">
                        相册名称：&nbsp;&nbsp;&nbsp;&nbsp;<a href="/index.php/Home/{$v.cate_description}/showlist/cate_id/{$v.cate_id}/pics_id/{$v.pics_id}" style="color:green;">{$v.pics_name}</a>
                    </p>
                </div>
                <!--</div>-->
            </foreach>
        </ul>
        <h3>
            <p>最新<span style="color:green;">文章</span></p>
        </h3>
        <ul class="rank">
            <foreach name="news_blog" item="v">
                <li><a href="/index.php/Home/{$v.cate_description}/showlist/cate_id/{$v.cate_id}/blog_id/{$v.blog_id}" title="{$v.blog_title}" target="_blank">{$v.blog_title}</a></li>
            </foreach>
        </ul>
        <!-- Baidu Button BEGIN -->
        <div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare"><a class="bds_tsina"></a><a class="bds_qzone"></a><a class="bds_tqq"></a><a class="bds_renren"></a><span class="bds_more"></span><a class="shareCount"></a></div>
        <script type="text/javascript" id="bdshare_js" data="type=tools&amp;uid=6574585" ></script>
        <script type="text/javascript" id="bdshell_js"></script>
        <script type="text/javascript">
            document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/{:C('JS_URL')}shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000)
        </script>
        <!-- Baidu Button END -->
    </aside>
</article>
<!-- this page scripts -->
<script src="{:C('JS_URL')}jquery-latest.js"></script>
<script src="{:C('JS_URL')}bootstrap.min.js"></script>
<script src="{:C('JS_URL')}theme.js"></script>